<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>别名使用</title>
</head>
<body>
    
</body>
<script type="module">
    /*
        别名使用 也就是可以使用别名来代替我们导入和导出的变量的名字
    */
    import {age} from './module/demo1.js'
    //  我们可以看到 这里我们使用模块化的方式 在外部的模块中导入了一个age变量
    // let age = 15120
    // console.log(age)  //Identifier 'age' has already been declared  报错 这里提示age已经定义了

    // 在这种情况下我们就可以使用别名来避免重名的发生
    import {name as n} from './test1.js'
    console.log(n)  //jimmy

    // 所以我们是可以使用别名来定义的这些导入的变量名的  这个和mysql的语法很像  as 后面跟着的就是别名
    console.log('hhe',name)  //hhh  当使用别名了以后 原名是不会再传输数据了


    // 别名我们可以再接收的时候定义  同意也是可以在导出模块的时候来使用的
</script>
</html>